<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>CSS3粘性概念菜单Gooey Menu DEMO演示</title>
  
  
  <link rel='stylesheet prefetch' href='http://fonts.googleapis.com/css?family=Exo+2:300,500,500italic'>
<link rel='stylesheet prefetch' href='css/font-awesome.min.css'>

      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

<div style="text-align:center;clear:both;margin-top:80px">
<script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
<script src="/follow.js" type="text/javascript"></script>
</div>

<nav class="item-menu">
    <input type="checkbox" href="#" class="menu-open" name="menu-open" id="menu-open"/>
    <label id="menu-open-handler" class="menu-open-button" for="menu-open">
        <span class="plus plus-1"></span>
        <span class="plus plus-2"></span>
    </label>
    <div class="real-menu">
        <a href="#" class="menu-item" data-name="File"> <i class="fa fa-file"></i> </a>
        <a href="#" class="menu-item" data-name="Photo"> <i class="fa fa-image"></i> </a>
        <a href="#" class="menu-item" data-name="Video"> <i class="fa fa-video-camera"></i> </a>
        <a href="#" class="menu-item" data-name="Snippet"> <i class="fa fa-code"></i> </a>
        <a href="#" class="menu-item" data-name="Folder"> <i class="fa fa-folder"></i> </a>
    </div>
</nav>

<!-- filters -->
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="width: 0; height: 0;">
    <defs>
    <filter id="shadowed-goo">
        <feGaussianBlur in="SourceGraphic" result="blur" stdDeviation="10" />
        <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -7" result="goo" />
        <feGaussianBlur in="goo" stdDeviation="3" result="shadow" />
        <feColorMatrix in="shadow" mode="matrix" values="0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 -0.2" result="shadow" />
        <feOffset in="shadow" dx="1" dy="1" result="shadow" />
        <feBlend in2="shadow" in="goo" result="goo" />
        <feBlend in2="goo" in="SourceGraphic" result="mix" />
    </filter>
    <filter id="goo">
        <feGaussianBlur in="SourceGraphic" result="blur" stdDeviation="10" />
        <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -7" result="goo" />
        <feBlend in2="goo" in="SourceGraphic" result="mix" />
    </filter>
    </defs>
</svg>
  
    <script  src="js/index.js"></script>

</body>
</html>
